$imgUrl: 'https://mystore-1304299581.cos.ap-guangzhou.myqcloud.com/static/image/';
@keyframes example {
  0%   {top: -140rpx;}
  25%  {top:-100rpx;}
}
.mypoints {
	padding: 20rpx;
	.content {
		padding: 20rpx 24rpx;
		border-radius: 36rpx;
		color: #FFF;
		background: linear-gradient(to right, #FE9916, #ED180C);
	}
}
		
.goldenEggs {
	.nav {
		padding-left: 50rpx;
	}
	.goldenEggs_content {
		padding-top: 18rpx;
		text-align: center;
		.rule {
			right: 0;
			top: 400rpx;
			color: #FFF;
			font-size: 22rpx;
			padding: 14rpx 16rpx;
			border-top-left-radius: 26rpx;
			border-bottom-left-radius: 26rpx;
			background: rgba($color: #FFD4D4, $alpha: 0.2);
		}
		
		.center {
			color: #FFF;
			height: 384rpx;
			font-size: 28rpx;
			padding: 22rpx 92rpx;
			border-radius: 36rpx;
			display: inline-block;
			margin-top: 41rpx;
			box-sizing: border-box;
			background: url($imgUrl +'goldenEggs_arch.png') no-repeat;
			background-size: 100% 100%;
		}
		
		.bottom {
			top: 0;
			z-index: 990;
			.hammer {
				z-index: 991;
				padding-left: 130rpx;
				padding-bottom: 36rpx;
				top: -140rpx;
				left: 213rpx;
				animation-name: example;
				animation-duration: .5s;
				animation-direction: reverse; 
				image {
					width: 194rpx;
					height: 114rpx;
				}
			}
			.hummer1 {
				z-index: 991;
				padding-left: 130rpx;
				padding-bottom: 36rpx;
				top: -140rpx;
				left: 53rpx;
				animation-name: example;
				animation-duration: .5s;
				animation-direction: reverse;
			}
			.hummer3 {
				z-index: 991;
				padding-left: 130rpx;
				padding-bottom: 36rpx;
				top: -140rpx;
				left: 388rpx;
				animation-name: example;
				animation-duration: .5s;
				animation-direction: reverse;
			}
			
			.eggs {
				z-index: 990;
				left: 127rpx;
				image {
					width: 164rpx;
					height: 186rpx;
				}
				
				
			}
			
			.stage {
				z-index: 989;
				top: 120rpx;
				left: 64rpx;
				image {
					width: 624rpx;
					height: 160rpx;
				}
			}
		}
		
		
	}
}

// 积分任务完成弹窗
	.finish_box {
		height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(#000,0.7);
		z-index: 999;
		.card {
			background: #fff;
			border-radius: 16rpx;
			left: 10%;
			right: 10%;
			top: 40%;
			.name {
				padding: 40rpx 0  20rpx 0;
				font-size: 34rpx;
				font-weight: 600;
				color: #333;
			}
			.text {
				color: #999;
				padding-bottom: 40rpx;
			}
			.btn {
				border-top: 1px solid #999;
				font-size: 35rpx;
				padding-top: 10rpx;
				padding-bottom: 20rpx;
					&:after{
						content: '';
						position: absolute;
						bottom: 14%;
						left: 45%;
						width: 12%;
						height: 1px;
						background-color: #999;
						transform: rotate(90deg);
					}
				.cancel {
					
				}
				.finally {
					color: #e73639;
				}
			}
		}
	}